<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <!-- import CSS -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <!-- import Vue before Element -->
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
  <!-- import JavaScript -->
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <style>

  </style>
</head>
<body>
<div id="app">
  <el-table
    :data="tableData"
    style="width: 100%">
    <el-table-column prop="date" label="日期" width="180"></el-table-column>
    <el-table-column prop="name" label="姓名" width="180"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
  <script>
    new Vue({
      el: '#app',
      data: {
        tableData: [
          {date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
          {date: '2016-05-04', name: '王小虎', address: '上海市普陀区金沙江路 1517 弄'},
          {date: '2016-05-01', name: '王小虎', address: '上海市普陀区金沙江路 1519 弄'},
          {date: '2016-05-03', name: '王小虎', address: '上海市普陀区金沙江路 1516 弄'}
        ]
      },
      /*created() {
        axios.get('user/findAll.do').then(res => {
          console.log(res);
        }).catch(err => {
          console.log(err);
        });
      }*/

    });
  </script>
</div>
</body>
</html>